<template>
  <div class="box">
    <div class="top">
        <h1>饿了吗</h1>
        <div class="right">
            <h2></h2>
            <h3></h3>
        </div>
    </div>
    <div class="user">
        <div class="left">
            <img :src="userpic" alt="">
        </div>
        <div class="center">
            <h5></h5>
            <h6></h6>
        </div>
        <div class="right">
            <button>账号设置</button>
        </div>
    </div>
    <div class="foodie">

    </div>
    <div class="discounts"></div>
    <div class="tool">
        <h4><img src="" alt=""> 我的地址</h4>
        <h4><img src="" alt=""> 我的客服</h4>
        <h4><img src="" alt=""> 店铺关注</h4>
        <h4><img src="" alt=""> 评价有礼</h4>
    </div>
    <div class="list">
        <div class="task"></div>
        <div class="task"></div>
        <div class="task"></div>
        <div class="task"></div>
        <div class="task"></div>
        <div class="task"></div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped src="../../css/mine.css">

</style>